.dialog-list {
  height: 100%; /* 设置一个固定高度 */
  overflow: scroll; /* 添加滚动条 */
}
.dialog-none {
  display: none;
}
.dialog-button {
  //height: 10px;
  //width: 20px;
  position: absolute;
  background-color: #007bff; /* 按钮背景颜色 */
  color: #ffffff; /* 文本颜色 */
  border: none; /* 去掉按钮边框 */
  border-radius: 5px; /* 圆角半径，可以根据需要调整 */
  padding: 5px 10px; /* 按钮内边距，可以根据需要调整 */
  font-size: 5px; /* 字体大小，可以根据需要调整 */
  cursor: pointer; /* 鼠标样式 */
  transition: background-color 0.3s ease; /* 添加过渡效果 */
  writing-mode: horizontal-tb; /* 将文字设置为横向排列 */
  /* 可选：悬停状态的样式 */
  bottom: 20px; /* 上边距为页面垂直中间位置 */
  left: 20px; /* 右边距为页面最右边 */
  z-index: 9999;
  //transform: translateY(-50%); /* 通过 translateY 将按钮垂直居中 */
  //position: relative; /* 使用相对定位 */

  &:hover {
    background-color: #0056b3; /* 鼠标悬停时的背景颜色 */
  }

  /* 可选：激活（点击）状态的样式 */
  &:active {
    background-color: #003d80; /* 按钮被点击时的背景颜色 */
  }
}
//.dialog-button1 {
//  //height: 10px;
//  //width: 20px;
//  position: relative;
//  background-color: #007bff; /* 按钮背景颜色 */
//  color: #ffffff; /* 文本颜色 */
//  border: none; /* 去掉按钮边框 */
//  border-radius: 5px; /* 圆角半径，可以根据需要调整 */
//  padding: 5px 10px; /* 按钮内边距，可以根据需要调整 */
//  font-size: 5px; /* 字体大小，可以根据需要调整 */
//  cursor: pointer; /* 鼠标样式 */
//  transition: background-color 0.3s ease; /* 添加过渡效果 */
//  writing-mode: horizontal-tb; /* 将文字设置为横向排列 */
//  display: flex;
//  /* 可选：悬停状态的样式 */
//  //top: 50%; /* 上边距为页面垂直中间位置 */
//  //left: 0; /* 右边距为页面最右边 */
//  //transform: translateY(-50%); /* 通过 translateY 将按钮垂直居中 */
//  //position: relative; /* 使用相对定位 */
//
//
//  &:hover {
//    background-color: #0056b3; /* 鼠标悬停时的背景颜色 */
//  }
//
//  /* 可选：激活（点击）状态的样式 */
//  &:active {
//    background-color: #003d80; /* 按钮被点击时的背景颜色 */
//  }
//}

